import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { AdminComponent }           from './admin/admin.component';
import { AdminDashboardComponent }  from './admin-dashboard/admin-dashboard.component';
import { ManageCrisesComponent }    from './manage-crises/manage-crises.component';
import { ManageHeroesComponent }    from './manage-heroes/manage-heroes.component';

import { AuthGuard }                from '../auth/auth.guard';

const adminRoutes: Routes = [
  {
    path: '',
    component: AdminComponent,
    canActivate: [AuthGuard],
    children: [
      // {
      //   path: '',
      //   canActivateChild: [AuthGuard],  // 进入子路由会被激活该守卫
      //   children: [
      //     { path: 'crises', component: ManageCrisesComponent },
      //     { path: 'heroes', component: ManageHeroesComponent },
      //     { path: '', component: AdminDashboardComponent }
      //   ]
      // },
      {
        path: 'crises', component: ManageCrisesComponent
      },
      {
        path: 'heroes', component: ManageHeroesComponent,
      },
      {
        path: '', component: AdminDashboardComponent
      },
    ]
  }
];

@NgModule({
  imports: [
    RouterModule.forChild(adminRoutes)
  ],
  exports: [
    RouterModule
  ]
})
export class AdminRoutingModule {}
